<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			vue：
				（2.0.0 - 3.0.0已知能用的）
				beforeRouteLeave (to, from, next) {
				    // 这里需要elementui的支持，如果使用其他界面组件自行替换即可
				    this.$confirm('正在离开本页面，本页面内所有未保存数据都会丢失', '警告', {
				       confirmButtonText: '确定',
				       cancelButtonText: '取消',
				       type: 'warning'
				     }).then(() => {
				       // 正常跳转
				       next()
				     }).catch(() => {
				       // 如果取消跳转地址栏会变化，这时保持地址栏不变
				       window.history.go(1)
				     })
				 }
				 
				 
				 
			react:
				16-17版本已知能用的)
				import { Prompt } from 'react-router-dom';
				直接return那里加<Prompt message='商家信息还未保存，是否离开？' when={true} />
				允许的话可以给路由容器设置getUserConfirmation：
					<BrowserRouter getUserConfirmation={getConfirmation} >
						<App />
					</BrowserRouter>
					//
					const getConfirmation = (message: any, callback: any) => {
						//antd框架辅助：
					    Modal.confirm({
					      title: message,
					      onCancel: () => {
					        callback(false);
					      },
					      onOk: () => {
					        callback(true);
					      }
					    });
					  };
				这样写，修改不起作用
					<BrowserRouter getUserConfirmation={getConfirmation} >
					  <Router history={history}>
						<App />
					  </Router>
					</BrowserRouter>
		 -->
	</body>
</html>
